﻿/* 
Theme Name: Fuzzco
Version: 1.0
Author: Fuzzco
Author URI: http://www.fuzzco.com
*/

/* 
400 = normal
700 = bold
*/

/* Reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
div, img { display: block;}
img {height: auto;}

/* Master
--------------------------------------------- */
body {font: 400 12px/24px droid-serif, georgia, times, serif; background: url("../Images/footer-bg.png") repeat scroll 0 0 transparent; color: #F72E2A;}
a {outline: none;border-bottom:1px solid #F72E2A}
a:link, a:visited {text-decoration: none; color: #F72E2A;}
a:hover {color: #F72E2A;background: yellow;}
sup {font-size: 12px; vertical-align: super;}
sub {font-size: 12px; vertical-align: sub;}

.wf-loading {visibility: hidden;}
.clear:before, .clear:after {content:""; display:table;}
.clear:after {clear:both;}
.clear {zoom:1;}
::selection {background: #F72E2A;color: #fff;}
::-moz-selection {background: #F72E2A;color: #fff;}
*:focus {outline: none;}

#beets {padding: 0 0 32px; background: #fff;}
#container {margin: 0 auto; position: relative; z-index: 0;padding-top: 40px; width: 1100px; word-spacing:normal;word-wrap: break-word;}

h1, h2, h3, h4, h5, h6 {color: #F72E2A; font-weight: 700;}
h1, h2 {font-weight: 700;}
h1 {font-size: 28px; line-height: 40px;}
h2 {font-size: 21px; line-height: 35px;}
h3 {font-size: 15px; line-height: 25px;}
h4 {padding: 0 0 0 24px; background: url('-/img/hands/right.png') no-repeat 0 0; }
h4, h5 {font: 700 11px/18px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;}

h1 a {padding: 0 0 1px; border-bottom: 1px solid #F72E2A;}
h1 a:hover {border-color: #f96e6b;}
h2.page-tagline, h2.services-tagline, h2.page-tagline {margin: 16px 0 32px;}
h4.page-heading {margin: 0 0 16px;}
.tab-title, a.tab-title {position: absolute; bottom: 0; left: 0; width: 100%; padding: 24px 0; border-top: 1px solid #F72E2A; background: #fff; color: #F72E2A;font: 700 11px/11px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;}
a.tab-title {border-bottom: 0 none;}
.tab-title span, a.tab-title span {display: block; padding: 0 0 0 32px;}

.trademark {font-size: 14px;} 
.divider {margin: 0 0 32px; padding: 0 0 32px; border-bottom: 1px solid #F72E2A;}
	
/* Forms
--------------------------------------------- */
form li, form .grid12 {float: none; margin: 0 0 8px;}
form .half {float: left; margin: 0 8px 8px 0;}
form .form-item-right {margin: 0 0 8px;}

form .half input[type="text"] {width: 472px;}
form .grid12 input[type="text"] {width: 972px;}

input[type="text"], textarea {padding: 10px;background:#F4F4F4; border:none; border-bottom: 1px solid #DDD; margin: 0 0 10px 0; font: 400 20px/30px droid-serif,georgia,times,serif; color: #F72E2A;}
input[type="text"]:focus, textarea:focus {outline:none; border-color:#F72E2A;}
textarea {resize: none;}

input[type="submit"] {padding:11px 0;height:50px;border:none; background:#F72E2A; font: 700 11px/30px proxima-nova, helvetica, arial, serif; text-transform:uppercase; color:#fff; cursor:pointer;}
input[type="submit"]:hover {background:#333;}
input[type="submit"]:active {background:#000;}

/* Header
--------------------------------------------- */
#header-wrapper {padding: 40px 0; width: 100%; background: #fff;/*-moz-box-shadow: inset 0 -8px 8px -8px #F72E2A; -webkit-box-shadow: inset 0 -8px 8px -8px #F72E2A; box-shadow: inset 0 -8px 8px -8px #F72E2A;*/}
#header {margin: 0 auto;}
h1#logo-bg {display: block; float: left; height: 25px; width: 110px; /*background: url('-/img/logo.png') no-repeat 0 0*/}
h1#logo-bg a {display: block; height: 100%; width: 100%; padding: 0; border: 0 none;}
h1#logo-bg a:hover {background:none;}
h1#logo-bg span {display: none;}

h1#logo {display: block; float: left; height: 25px; width: 110px;}
h1#logo img {display: none;}
h1#logo img.current {display: block;}
h1#logo a {display: block; height: 25px; width: 110px; padding: 0; border: 0 none;}
h1#logo a:hover {background:none;}
h1#logo span {display: none;}


#navigation {float: right;}
#navigation li {display: inline; padding: 0 0 0 40px;}
#navigation a {font: 700 11px/25px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;border:none;}
#navigation a:hover {border-bottom:1px solid #F72e2a;background:none;}

/* Active Navigation States */
#navigation .current_page_item a,
#sub-navigation .current_page_item a,
.single-work #navigation li.page-item-2870 a,
body.search-results #navigation .page-item-2872 a {border-bottom:1px solid #F72e2a;background:none;}
#navigation .current_page_item a:hover, #sub-navigation .current_page_item a:hover {border-bottom:1px solid #F72e2a;background:none}
body.blog #navigation .page-item-2872 a {}
body.blog #navigation .page-item-2872 a:hover,
body.search-results #navigation .page-item-2872 a:hover {border-bottom:1px solid #F72e2a;background:none;}

/* Footer
--------------------------------------------- */
.footer-wrapper {margin: 0; padding: 8px 0; width: 100%; background: none;}
#footer-wrapper-2 {background: url('-/img/footer-bgs/footer-bg2.png') repeat 0 0;}
#footer-wrapper-3 {background: url('-/img/footer-bgs/footer-bg3.png') repeat 0 0;}
#footer-wrapper-4 {background: url('-/img/footer-bgs/footer-bg4.png') repeat 0 0;}
#footer-wrapper-5 {background: url('-/img/footer-bgs/footer-bg5.png') repeat 0 0;}
#footer-wrapper-6 {background: url('-/img/footer-bgs/footer-bg6.png') repeat 0 0;}

#footer {margin: 0 auto;}

.flickrs-wrap {position: relative; margin: 0 0 32px; padding: 1px 0; width: 100%; background: #F72E2A;}
.flickrs {margin: 0 1px; padding: 1px 0 0 1px; background: #fff;}
.flickrs .group {float: left; margin: 0 1px 1px 0;}
a.fuzzco-flickr {position: absolute; margin: 0; bottom: 0; left: 0; width: 50px;}
a.fuzzco-flickr span {display: none;}
.flickr-link {display: block; height: 75px; width: 75px;}
.flickr-img a {
	border: none;
	}

#footer .tweets-wrap {float: left; margin: 0 16px 0 0; height: 340px; position: relative; background: #fff;}
.tweets {display: block; margin: 0 1px; padding: 16px 0 32px; background: #fff;height:280px;overflow:hidden;}
.tweets .group {margin: 0 1px; padding: 16px 32px 0; background: #fff; font-size: 14px; line-height: 21px; color: #F72E2A;}
.fade {background: url('-/img/fade.png') repeat 0 0;width:100%;height:108px;position: absolute; left: 0; bottom: 60px;}
a.fuzzco-twitter {width:100%;position:absolute;bottom:0;left:0;background-position: 0 -40px;}

.dribbbles-wrap {position: relative; float: left; margin: 0 16px 0 0; padding: 0 0 40px;}
.dribbbles {overflow: hidden; height: 300px;}
.dribbbles img {display: block; margin: 0 auto; width: 100%;}
.dribbble-over {display: none;}
a.fuzzco-dribbble {background-position: 0 -80px;}

#footer .info-wrap {float: left; font-size: 14px; line-height: 23px; height: 340px;position:relative; background: #fff;}
.info-wrap h4 {margin: 32px 32px 5px;}
.info-wrap p {margin: 10px 32px;}
.fuzzco-facebook {display: block; margin: 8px 32px 0; padding: 0;font-size: 13px; line-height: 16px;}
h5.copyright {text-align:center;margin:0 0 16px;}
#footer-block {padding: 1px 0 32px;}
#sub-navigation {margin:32px auto 16px; text-align: center;background:#fff;padding:8px 0;}
#sub-navigation li {display: inline; padding: 0 15px;}
#sub-navigation li a {font: 700 11px/11px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;border:none;}
#sub-navigation li a:hover {background: none;border-bottom:1px solid #f72e2a}

/* Image Grids
--------------------------------------------- */
body.work h1 {margin: 0 0 40px;}
#work-index {margin: 32px 0 0;}
.work-grid-item, .press-grid-item {position: relative; float: left; margin: 0 16px 16px 0; width: 234px;}
.work-grid-item-right, .press-grid-item-right, .item-4 {margin: 0 0 16px;}
.work-grid-item img, .press-grid-item img {display: block; margin: 0 0 18px; padding: 0;}
.work-grid-item a:hover img, .press-grid-item a:hover img {-moz-box-shadow: 0 0 6px #F72E2A; -webkit-box-shadow: 0 0 6px #F72E2A; box-shadow: 0 0 6px #F72E2A;}
.work-grid-item .work-title, .press-grid .press-title {display: block; margin: 0 auto 10px; font-size: 15px; font-weight: 700; line-height: 25px; text-align: center;}
.work-grid-item p {text-align:center;line-height:20px;}
.rebel-grid-item {height: 345px;}
.rebel-grid-item img {height: 206px;  width: 232px;}

.work-grid-item .radish {display:none; -moz-box-shadow: 0 0 6px #F72E2A; -webkit-box-shadow: 0 0 6px #F72E2A; box-shadow: 0 0 6px #F72E2A;}
.work-grid-item:hover .radish, .current-work-item .radish {display:block; position: absolute; top: 0; left: 0;}
.person .radish {display: none; position: absolute; top: 0; left: 0;}

/* Home
--------------------------------------------- */
.slideshow-wrapper {width: 100%; height:560px; position: relative; background: url('-/img/footer-bgs/footer-bg2.png') repeat 0 0;}
.slideshow-wrapper .bg {width: 100%; height: 560px; position: absolute; top: 0; left: 0;}
.slideshow {margin: 0 auto; /* width: 100%; background: #fce57b; */}
.slideshow img {/* display: block; margin: 0 auto; */}
.home .slideshow {width: 1200px; height: 564px; position: relative; z-index: 10; overflow: hidden;}
.home .slideshow .slide {width: 1200px; height: 564px; z-index: 10;}
.slideshow img {position: absolute;top: 0;left: 0;z-index: 15;}
.slideshow .blurb {position: absolute; bottom: 140px; left: 100px; z-index: 18; padding: 0 0 40px; height: auto; width: 318px; border: 1px solid #F72E2A; background: #fff; -moz-box-shadow: 0 0 8px #333; -webkit-box-shadow: 0 0 8px #333; box-shadow: 0 0 8px #333;}
.slideshow .blurb .description {display: block; padding: 24px 0;}
.slideshow .blurb .description h4 {margin: 0 24px; color: #F72E2A; font-size: 12px;}
.slideshow .blurb .title-wrap {padding: 0 0 32px;}
.slideshow .blurb .title-wrap .title {margin: 0 24px; font-size: 32px; line-height: 42px;}
.slideshow .blurb .title-wrap .title a {border:none;}
.slideshow .blurb .title-wrap .title a:hover {background:none;color:#f95e5b;}

.slideshow #controls {padding: 16px 0; position: absolute;bottom: 140px;left: 100px;z-index: 18; text-align: center;}
.slideshow #controls a {background: transparent url(-/img/slideshow-dot.png) no-repeat 0 0;display: inline-table;width: 6px;height: 15px;z-index: 20;margin: 0 5px;border:none;}
.slideshow #controls a.previous {width: 16px; background: transparent url(-/img/pagination.png) no-repeat 0 0;}
.slideshow #controls a.previous:hover {background-position: 0 -15px;}
.slideshow #controls a.next {width: 16px; background: transparent url(-/img/pagination.png) no-repeat -16px 0;}
.slideshow #controls a.next:hover {background-position: -16px -15px;}
.slideshow #controls a:hover, .slideshow #controls a.current {background-position: -6px 0;}

.home .slideshow #controls {border-top: 1px solid #F72E2A;}
.home .slideshow #controls a {display: block; float: left; margin: 0 8px;}
.home .slideshow #controls a.previous {margin: 0 9px 0 24px;}
.home .slideshow #controls a.next {margin: 0 9px;}
#home-tagline {margin: 30px auto;}

#pixogram-button {margin: 0 auto; padding: 0 0 30px 0;}
#pixogram-button a {margin: 0 0 0 24px; border: 0 none;}
.squigglies {height: 12px; width: 100%; background: url('../Images/squigglies.png') repeat-x 0 bottom;}
.squigglies-open {background: url('-/img/pixogram-top.png') repeat-x 0 bottom;}
#pixogram-wrapper {display: none; width: 100%; background: url('-/img/pixogram-bottom.png') repeat-x 0 bottom #F72E2A;}
#pixogram {margin:0 auto; padding: 75px 0; width: 992px; font-size: 42px; line-height: 75px; color: #fff;}

.randomizer.one {background: url('-/img/pixogram/p1.png') no-repeat 10px -22px;display:inline-block;}
#pixogram span.two {border-bottom: 3px solid #fff;min-width: 60px;padding: 0 20px;display: inline-block;font-size: 39px;line-height: 39px;font-family: hydrophilia-iced;}
.randomizer.three {background: url('-/img/pixogram/p3.png') no-repeat 10px -22px;display:inline-block;}
.randomizer.four {background: url('-/img/pixogram/p4.png') no-repeat 10px -22px;display: inline-block;}
.randomizer.five {background: url('-/img/pixogram/p5.png') no-repeat 10px -22px;display: inline-block;}
.randomizer.six {}
.randomizer.seven {}
.randomizer.eight {background: url('-/img/pixogram/p8.png') no-repeat 10px -22px;display: inline-block;}
.randomizer.nine {background: url('-/img/pixogram/p9.png') no-repeat 10px -22px;display: inline-block;}
.randomizer.ten {background: url('-/img/pixogram/p10.png') no-repeat 10px -22px;display: inline-block;}
.randomizer.eleven {background: url('-/img/pixogram/p11.png') no-repeat 10px -22px;display: inline-block;}
#pixogram .heart {display: inline-block;border-bottom: 3px solid #fff;padding:0 0 1px;}
#pixogram .icon {display: inline-block;}

#pixogram #end {background: url('-/img/pixogram/flag.gif') no-repeat left bottom;height:177px;;margin:20px 0 0 0;}
#pixogram #signature {border-bottom: 3px solid #fff;display: inline-block;font-family: hydrophilia-iced;}
#signoff {padding: 9px 0 0 100px;}
#signature {margin: 10px 0 0 100px;}

#randomate {display: block; padding: 0 0 0 50px; height: 31px;background: url('-/img/pixogram/random.png') no-repeat 0 0;margin-bottom: 10px; font: 700 11px/31px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px; color: #fff;}

.container-home .work-grid {margin: 32px auto 0;}
.container-home .work-grid a {display: block; width: 100%;}
.container-home .work-grid-item {position: relative;}
.container-home .work-grid-item a:hover {-moz-box-shadow: 0 0 6px #F72E2A; -webkit-box-shadow: 0 0 6px #F72E2A; box-shadow: 0 0 6px #F72E2A;}
.container-home .work-grid-item a:hover img {-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;}
.container-home .work-grid-item img {max-width: 100%;}
.container-home .title {display: block;}
.container-home .work-grid-item .home-work-title {}
.container-home .work-grid-item a:hover .home-work-title {display: block;}

#what-we-do-wrap:hover, #office-wrap:hover, #shop-wrap:hover, #press-wrap:hover, #footer .dribbbles-wrap:hover {-moz-box-shadow: 0 0 6px #F72E2A; -webkit-box-shadow: 0 0 6px #F72E2A; box-shadow: 0 0 6px #F72E2A;}
#what-we-do-wrap {float: left; position: relative; margin: 0 16px 16px 0; height: 482px; background: url('-/img/what-we-do.jpg') no-repeat 0 0;}
.what-we-do-header {margin: 78px auto; width: 321px; height: 325px; background: url('-/img/home-what-we-do.png') no-repeat 0 0;}

/*.what-we-do .slide {background: url('-/img/quote-stem.png') no-repeat center 100%;padding-bottom: 26px;float:left;}
.what-we-do .slides {min-height: 440px;}*/

#press-wrap .double-slides, #what-we-do-wrap .double-slides {margin:0 auto;width:206px;display:none;}
#what-we-do-wrap .double-slides .left {float:left;border:1px solid #fff;}
#what-we-do-wrap .double-slides .right {float:left;border:1px solid #fff;border-left:none;}

#client-what {width: 336px; float: left;}
#what-we-do-wrap h1 {margin: 32px 32px 8px; font-size: 42px; font-weight: 400; line-height: 56px; color: #fff;}
#what-we-do-wrap .dangerous-squigglies, #what-we-do-wrap p {display: none;}
#what-we-do-wrap:hover .dangerous-squigglies {display: block; margin: 21px 0; height: 60px; background: url('-/img/squigglies-white.png') repeat 0 0;}
#what-we-do-wrap:hover {cursor: pointer;}
#what-we-do-wrap:hover p {display: block; margin: 0 32px 8px; font-size: 21px; line-height: 32px; color: #fff;}

#blog-wrap {float: left; position: relative; margin: 0; overflow: hidden;}
#blog-wrap {padding: 0 0 40px; height: 442px;}
#blog-wrap #posts {display: block; margin: 0 1px; padding: 24px 32px 0; height: 142px;}
#blog-wrap #posts li {margin: 0 0 16px;}
#blog-wrap #posts li .date {font: 700 11px/18px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;border:none !important;}

#office-wrap h2 span, #shop-wrap h2 span {padding: 32px;}
#office-wrap {float: left; position: relative; margin: 0; height:480px; overflow:hidden;}
#office-wrap img {height: auto; max-width: 100%;}
#office-wrap .asparagus {display:none;}
#office-wrap:hover .asparagus {display:block; position: absolute; top: 0; left: 0;}

#press-shop {float: left; margin: 0 16px 0 0;}
#press-shop a {display: block; padding: 0; border: 0 none;}
#press-shop a span {display: none;}
#press-wrap {position: relative; margin: 0 0 16px; height: 231px;}
#shop-wrap {position: relative; background:#F72E2A; height: 231px;}
#press-wrap a {margin: 73px auto; height: 85px; width: 203px; background: url('-/img/home-press-small.png') no-repeat 0 0;}
#shop-wrap a {margin: 66px auto; height: 98px; width: 203px; background: url('-/img/home-shop-small.png') no-repeat 0 0;}


/* Work - Single
--------------------------------------------- */
.work-featured {position: relative; margin: 0 auto; border-bottom: 1px solid #D9D9D9; z-index: 500;}
.work-featured img {display: block; width: 100%;}
.project-wrap {position: relative; overflow: hidden;}
.work-images {float: left; text-align: center;}
.work-images .work-info-item {display: none;}
.work-images img {display: inline; margin: 32px 0; width: 100%;}
.work-images .image-caption {padding: 0 0 32px; border-bottom: 1px dashed #D9D9D9; text-align: left;}
.work-images .image-caption h4 {padding: 0 0 0 24px; background: url('-/img/hands/black-up.png') no-repeat 0 0;}
.work-images .image-caption-last {border: 0 none;}
.work-divider {position: absolute; top: 500px; left: 740px; height: 100%; width: 1px; background: #d9d9d9; z-index: 1;}
.work-info {float: left;}
.work-info-item {padding: 28px 0 16px 32px; border-bottom: 1px solid #D9D9D9;}
.work-info-item h1 {font-size:24px;line-height:32px;margin: 8px 0 16px;}
.work-info-item h2 {margin: 0 0 5px;}
.work-info-item p, .work-info-item ul {margin: 0 0 16px;}
.work-info-item-last {border-bottom: 0 none;}

.project-wrap h3 {margin: 0 0 8px}
.project-wrap a {border-bottom: 0 none;}
.project-wrap a:hover {background: none transparent;}

.work-more-projects-wrapper {border-top: 1px solid #d9d9d9; width: 100%; background: #fff;}
.work-more-projects {margin: 0 auto;}
.work-grid-title {margin: 32px 0; text-align: left;}

/* Services (What We Do)
--------------------------------------------- */
body.what-we-do #container h4 {margin: 0 0 16px;}
body.what-we-do #container #services-heading {margin: 0 0 32px;}
#services {margin: 0 0 48px;}
.services-block {float: left; margin: 0 16px 16px 0;}
.services-block-right {margin: 0 0 16px;}
.services-block h4 {margin: 0 0 16px; padding: 0; background: none transparent;}
.services-block li {margin: 0 0 8px; font-size: 16px; line-height: 24px;}
#quotes-slideshow .slides {height: 400px;}
.quote-content {background: #F72E2A; font-size: 30px; line-height: 50px;font-weight: 400; font-style: italic; color: #fff;}
.quote-content p {padding: 32px; height: 250px; letter-spacing: 0.02em;}
.quote-content .quote-author {padding: 0 32px 32px; height: auto; font-size: 15px; font-style: normal; line-height: 20px; text-align: center;}
.quote-stem {display: block; margin: 0 auto; height: 26px; width: 40px; background: url('-/img/quote-stem.png') no-repeat top center #fff;}
#quote-pagination {padding: 16px 0 0;}
#quotes-slideshow #quote-pagination h4 {margin: 0 auto; position: relative; padding: 0; width: 200px; text-align: center; background: none transparent;} /* Specificity */
#quote-pagination .quote-nav-button {display: block; position: absolute; padding: 0; top: 0; height: 15px; width: 16px; border: 0 none; background: url('-/img/pagination.png') 0 0;}
#quote-pagination .quote-previous {left: 0;}
#quote-pagination .quote-previous:hover {background-position: 0 -15px;}
#quote-pagination .quote-next {right: 0; background-position: -16px 0;}
#quote-pagination .quote-next:hover {background-position: -16px -15px;}
#client-list {margin: 0 0 64px;}
#client-list ul {float: left; margin: 0 16px 0 0;}
#client-list .column-3 {margin: 0;}
#client-list li {padding: 8px 0; border-bottom: 1px solid #fdbfbd; font-size: 16px; line-height: 22px;}
#client-list li a {padding: 0; border-bottom: 0 none;}

/* Office
--------------------------------------------- */
.office .slideshow {position: relative; margin: 32px 0 32px;}
.office .slideshow, .office .slideshow .slide {width: 992px;height: 707px;z-index: 10; overflow: hidden;}
.office .slideshow #controls {position: absolute; top: 642px;left: 0;z-index: 18; padding: 24px 0; height: 16px; border-bottom: 1px solid #F72E2A; width: 992px;text-align: center; font-family: hydrophilia-iced;}
#people .person {position: relative; float: left; margin: 0 16px 16px 0; padding: 0 0 24px; height: 950px;}
#people .grid-item-right {margin: 0 0 16px;}
.person .profile-image-wrapper {cursor: pointer;}
.person img {margin: 0; width: 100%; border-bottom: 1px solid #F72E2A;}
.person .profile-image {display: block;}
.person h3 {margin:24px 32px 0;}
.person h5 {margin: 0 32px 16px;}
.person p {margin: 0 32px 8px;}
.person .person-twitter {position: absolute; margin: 0; left: 32px; bottom: 32px;}

/* Blog
--------------------------------------------- */
body.blog #beets, body.search-results #beets {background: url('-/img/blog-bg.png') repeat-x 0 0 #fff;}
body.blog #header-wrapper,
body.search-results #header-wrapper {background: #c9ecf9;}
#blog-banner img {width: 100%;}
#blog-content-wrap {position: relative; padding: 0 0 63px; border-top: 1px solid #F72E2A;}
#blog-content {float: left; padding: 32px 0 0;}
.blog-divider {position: absolute; top: 0; left: 740px; height: 100%; width: 1px; background: #F72E2A; z-index: 1;}
#blog-sidebar {float: left; padding: 32px 0 0;}

.currently-viewing {margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid #F72E2A;}
.post-title {padding: 0 0 16px; border-bottom: 1px solid #F72E2A;}
.post-title a {padding: 0; border: 0 none;}
.post-meta {margin: 0 0 16px; padding: 16px 0; border-bottom: 1px solid #F72E2A;}
.currently-viewing, .post-meta strong, .archives-notice {font: 700 11px/18px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;}
.post-author {float: left;}
.post-posted {float: right; margin: 0 16px 0 0;}
.post-posted .date, .post-posted .categories {float: left;}
.post-posted .date {margin: 0 24px 0 0;}
.post-content img, .post-content iframe {display: block; margin: 0 auto 16px; max-width: 100%; text-align: center;}
.post-content img.alignleft {float: left; margin: 0 16px 16px 0;}
.post-content img.alignright {float: right; margin: 0 16px 16px 0;}

.post-content {color: #f72e2a; font-size: 14px; line-height: 28px;}
.post-content p {margin: 0 0 16px; width: 95%;}
.post-content em {font-style: italic;}
.post-content ul, .post-content ol {list-style: disc;padding-left:30px;margin:20px 0}

.comments-link-wrap {margin: 8px 0 32px; padding: 8px 0; border-top: 1px solid #F72E2A; border-bottom: 3px double #F72E2A;}
.comments-link-wrap-last {margin: 8px 0 0; border-bottom: 0 none;}
.comments-link {font: 700 13px/18px proxima-nova, helvetica, arial, serif; padding: 0; border: 0 none;}

.archives-notice {float: left; margin: 7px 0 0; width: 160px; text-align: right;}
.post-classic {float: right; width: 500px;}
.post-classic img {width: 100%;}

#blog-sidebar h4 {margin: 0 0 8px 32px;}
#blog-sidebar ul {margin: 0 0 32px 32px;}
#blog-sidebar ul li a {font-size: 15px; line-height: 28px;}
#blog-sidebar ul li.current-cat, #blog-sidebar ul li.current-cat a {color: #333; border-color: #333;}
#blog-sidebar .search {margin: 0 0 32px 32px;}
#blog-sidebar .search h4 {margin: 0 0 12px;}
#blog-sidebar .search input[type="text"] {font: 24px/27px hydrophilia-iced; float: left; padding: 0; height: 27px; width: 180px; background: none transparent; border: 0 none;}
#blog-sidebar .search input[type="submit"] {float: right; padding: 0; height: 27px; width: 27px; background: url('-/img/search.png') no-repeat 0 0;}
#blog-sidebar .search input[type="submit"]:hover {background-position: 0 -27px;}

#post-controls {position: absolute; left: 0; bottom: 0; padding: 24px 0; height: 15px; width: 100%; border-top: 1px solid #F72E2A; background: #fff; z-index: 2;}
#post-controls a {display: block; height: 15px; width: 16px; border: 0 none; padding: 0;}
#post-controls a:hover {background: 0 none;}
#post-controls a span {display: none;}
.older-link {float: left; background: url('-/img/hands/left.png') 0 0;}
.older-link:hover {background: url('-/img/hands/black-left.png') 0 0;}
.newer-link {float: right; background: url('-/img/hands/right.png') 0 0;}
.newer-link:hover {background: url('-/img/hands/black-right.png') 0 0;}

#blog-content-wrap.single-post-wrap {padding: 0;}

/* Comments */
#comments {padding: 16px 0 0; border-top: 1px solid #F72E2A;}
#comments-title {margin: 0 0 16px;}
.commentlist {margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid #F72E2A;}
.comment-author {float: left; margin: 0 16px 0 0; width: 224px; text-align: right;}
.comment-author a {font-weight: 700;}
.comment-body {float: left; margin: 0 0 16px; color: #333; width: 425px;}

#commentform .logged-in-as {margin: 0 0 16px;}
#commentform label {float: left; padding: 10px 0; font-size: 14px; line-height: 30px;}
#commentform label .required {font-size: 11px;}
#commentform input[type="text"], #commentform textarea {float: right; margin: 0 75px 0 0; width: 405px;}
#commentform .comment-form-comment {margin: 0 0 16px;}
#commentform .form-allowed-tags {display: none;}

/* Contact
--------------------------------------------- */
#content-contact {margin: 32px auto 32px; width: 100%; text-align: center;}
#content-contact img {display: block; margin: 0 auto;}
#content-contact .contact-item {padding: 5% 0; border-top: 1px solid #F72E2A; font-weight: 400; line-height: 1;}
#content-contact .contact-item a {display:block; padding: 0; border: 0 none;}
#content-contact .contact-item a:hover {-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}

#social-newsletter-signup {padding: 32px 0 0; border-top: 1px solid #F72E2A;}
#social-newsletter-signup h4 {margin: 0 0 32px; text-align: left;}
.carrot {float:left;}
#social-newsletter-signup .contact-social-media {margin: 0 16px 32px 0; display: block;}
.contact-social-media li {margin: 0 8px 16px; padding: 0 0 8px; text-align: left; line-height: 30px; border-bottom: 1px solid #F72E2A;}
.contact-social-media li .social-action {display: block; float: left; margin: 0 16px 0 0; width: 175px; font: 700 11px/30px proxima-nova, helvetica, arial, serif; text-transform: uppercase; letter-spacing: 1px;}
.contact-social-media li a {display: block; float: left; font-size: 24px; border: 0 none;}
.mc_embed_signup {float: left;}
.mc_embed_signup input {width: 468px;}
.mc_embed_signup input[type="submit"] {width: 100%;}
.mce_inline_error {margin: 5px 0; text-align: left;}
#mce-responses {margin: 16px 0; text-align: left; line-height: 18px;}
    
/* Press
--------------------------------------------- */
.press-grid-item {position: relative; height: 300px;}

/* Jobs
--------------------------------------------- */

p.job-intro {margin:16px 0;}
.job-listing {position: relative; float: left; margin: 16px 16px 24px 0;}
.job-listing.grid-item-right {margin: 16px 0 24px 0;}
.job-listing h5 {margin: 0 16px 8px 0;}
.job-listing ul {margin: 0 16px 16px; list-style: disc;}
.job-listing li {margin: 0 0 6px; line-height: 18px;}
.job-listing strong, .job-listing b {display: block; margin: 0 16px 4px 0; font-weight: 700;}
.job-listing em, .job-listing i {font-style: italic;}

/* Shop
--------------------------------------------- */
#shop-banner img {width: 100%;}
#shop-tagline {margin: 32px 0;}

/* Personal Projects
--------------------------------------------- */

.personal-project-grid {margin:32px 0 0;}
#personal-projects-tagline {margin: 0 0 32px;}
.personal-project-grid .personal-project-item {margin: 0 16px 16px 0; padding: 0 0 22px; height: 610px;}
.personal-project-grid .personal-project-item-right {margin: 0 0 32px;}
.personal-project-item img {border-bottom: 1px solid #F72E2A;}
.personal-project-item .radish, .personal-project-grid .work-grid-item:hover .radish  {-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;}
.personal-project-item .work-title {padding: 0 32px; text-align: left;}
.work-grid-item .personal-project-writeup {margin: 0 0 24px; padding: 0 32px; text-align: left;}
.view-project-link {margin: 0 0 10px 32px;}

/* Custom Projects
--------------------------------------------- */

/* Content and Candor */

body.content-and-candor .project-wrap {background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, rgb(203,70,251)),
    color-stop(1, rgb(152,254,232))
);
background-image: -moz-linear-gradient(
    left bottom,
    rgb(203,70,251) 0%,
    rgb(152,254,232) 100%
);
}

/* Fixes
--------------------------------------------- */
.message-404 {display: block; margin: 50px auto; padding: 180px 0 0; background: url('-/img/404.png') no-repeat top center;}

.grid-item-right {margin: 0 0 16px;}
.hide {display: none;}
.show {display: block;}

/* Login
--------------------------------------------- */
.login{text-align: center;width: 100%;} 

/* Error
--------------------------------------------- */
.validationError{border: solid 2px red;}
.validationValid{border: solid 2px green;}